/* 全局样式表 */

/* !通过再main.js中引入这个全局样式，所有组件都会使用 */

html, body, #app {
  height: 100vh;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* !加上这个最小宽度，那么当打开控制台或者缩小屏幕宽度时，不会压缩页面，
     !而是出现宽度滚动条，这样页面就不会被挤在一起了 */
  min-width: 1366px;
}

/* ! 设置在这里的style里面，就是给全局使用的样式，注意：别加上scope，不然就不能全局使用了 */

.el-breadcrumb {
  margin-bottom: 15px;
  font-size: 18px;
}

/* ! 因为是要覆盖掉默认的样式，所以加上  !important  提高自己样式的优先级 */

.el-card {
  /* box-shadow: 18px 18px 30px rgba(0, 0, 0, 0.1), */
  /* 5px -5px 30px rgba(255, 255, 255, 1) !important; */
  /* ? 但是！，这里加上反而没有效果了，不加才有效果 */
  box-shadow: 18px 18px 30px rgba(0, 0, 0, 0.1), 5px -5px 30px rgba(255, 255, 255, 1);
}

/* 表格样式-距离顶部15px */

.el-table {
  margin-top: 15px;
  font-size: 15px;
}

/* 分页栏样式-距离顶部15px */

.el-pagination {
  margin-top: 15px;
}

/* !级联选择器的下拉框过高的问题 */

.el-cascader-menu {
  height: 300px;
}

/* 步骤栏的样式 */

.el-steps {
  margin: 15px
}

/* 富文本的编辑区域高度设置 */

.ql-editor {
  min-height: 350px;
}